diff options
Diffstat (limited to 'src/routes/user/[user]')
| -rw-r--r-- | src/routes/user/[user]/badges/+page.svelte | 12 |
1 files changed, 12 insertions, 0 deletions
diff --git a/src/routes/user/[user]/badges/+page.svelte b/src/routes/user/[user]/badges/+page.svelte index ccce0be1..f45ee1e7 100644 --- a/src/routes/user/[user]/badges/+page.svelte +++ b/src/routes/user/[user]/badges/+page.svelte @@ -25,6 +25,7 @@ import { browser } from '$app/environment'; // import { io } from 'socket.io-client'; import Tooltip from '$lib/Tooltip/LinkedTooltip.svelte'; + import BadgePreview from '$lib/BadgeWall/BadgePreview.svelte'; export let data; @@ -809,6 +810,7 @@ {:else} <FallbackBadge {badge} + bind:selectedBadge source={cdn(thumbnail(badge.image))} alternative={badge.description} fallback={thumbnail(badge.image)} @@ -826,6 +828,16 @@ {/each} {/if} </div> + + <Popup + fullscreen + show={selectedBadge !== undefined && selectedBadge.image !== undefined && !editMode} + onLeave={() => { + selectedBadge = undefined; + }} + > + <BadgePreview badge={selectedBadge} /> + </Popup> {:catch} <Popup fullscreen locked>Could not parse badges</Popup> {/await} |